<template>
  <demoBlock title="基础用法" >
    <!-- 密码输入框 -->
    <vcu-password-input
      :value="value"
      :focused="showKeyboard"
      @focus="showKeyboard = true"
    />
    <!-- 数字键盘 -->
    <vcu-number-keyboard
      v-model="value"
      :show="showKeyboard"
      @blur="showKeyboard = false"
    />
  </demoBlock>
</template>


<script>
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    const value = ref("123");
    const showKeyboard = ref(true);

    return {
      value,
      showKeyboard,
    };
  },
});
</script>